<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/schiffeversenken.css">
<title>Schiffeversenken gegen einen Spieler</title>

<script type="text/javascript">
function topvp(){
		document.getElementById("element").style.display = 'inline';
}
</script>

</head>
<body>

<div>
<img id="hintergrund" src="images/pergament.gif" alt="" title="" />
</div>

<h1>hier kommt die lobby hin, chat mit jquery</h1>

<input id="btnforward" type="button" name="pvp" value="Element Sichtbar machen" onClick="topvp()"> 

<h1>Hier findet das pvp spiel statt</h1>
<h2 id="element" style="display:none">Das verschwindet beim knopfdruck</h2>

</body>
</html>